<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    
	<f:loadBundle basename="mensajes" var="msgs" />
	<h1><h:outputText value="#{msgs['solicitudEmpleado.listaPendientes.titulo']}" /></h1>
	<br/>
	<h:messages errorStyle="color: red;" />
	<h:outputText value="#{solicitudEmpleadoBean.mensaje}" />

		<!-- Lista de solicitudes pendientes -->	
		<h:dataTable id="tablaPendientes"
					 value="#{solicitudEmpleadoBean.listaPendientes}" var="sol" 
					 styleClass="order-table"
    				 headerClass="order-table-header"
    				 rowClasses="order-table-odd-row,order-table-even-row">
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['solicitudEmpleado.tabla.fechaCreacion']}" /></f:facet>
				<h:outputText value="#{sol.fechaCreacion}"><f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" /></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['solicitudEmpleado.tabla.centroCosto']}" /></f:facet>
				<h:outputText value="#{sol.centroCosto.nombre}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['solicitudGastos.desc']}" /></f:facet>
				<h:outputText value="#{sol.detalle}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['solicitudEmpleado.tabla.importeEstim']}" /></f:facet>
				<h:outputText value="#{sol.importe}"><f:convertNumber minFractionDigits="2" maxFractionDigits="2" /></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['solicitudEmpleado.tabla.supervisor']}" /></f:facet>
				<h:outputText value="#{sol.supervisor.nombre}"><f:convertNumber minFractionDigits="2" maxFractionDigits="2" /></h:outputText>
			</h:column>			
		</h:dataTable>		
		<br/>
		<h:panelGroup>
			<h:commandButton id="btnVolver" value="#{msgs['boton.volver']}" action="toMenu" />			
		</h:panelGroup>
		<h:commandButton action="#{solicitudEmpleadoBean.listar}" value="Actualizar !">
			<f:ajax render="tablaPendientes" execute="@this" />
		</h:commandButton>		
</ui:composition>